<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 强制清除缓存 -->
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="shortcut icon" href="/assets/images/favicon.ico" />
		<title>用户登录</title>
		<link rel="stylesheet" href="/assets/libs/layui/css/layui.css" />
		<link rel="stylesheet" href="/assets/css/login.css" media="all">
		<link rel="stylesheet" href="/assets/css/scene.css" />
		<link rel="stylesheet" href="/assets/libs/layx/layx.min.css" />
	</head>
	<body>
		<!-- 背景动画 -->
		<main class="scene left">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</main>

		<!-- 登录 -->
		<div class="login-wrapper">
			<div class="login-body" style="margin-top: 10%;">
				<div class="layui-card" id="login-form-view">
					<div class="layui-card-header">
						<i class="layui-icon layui-icon-engine"></i>&nbsp;&nbsp;用户登录
					</div>
					<div class="layui-card-body layui-form layui-form-pane">

						<div class="layui-form-item">
							<label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
							<div class="layui-input-block">
								<input name="mobile" type="text" lay-verify="required" placeholder="账号" value="" autocomplete="off" class="layui-input"
								 maxlength="16">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
							<div class="layui-input-block">
								<input name="password" type="password" lay-verify="required" placeholder="密码" value="" autocomplete="off" class="layui-input"
								 maxlength="16">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><i class="layui-icon layui-icon-vercode"></i></label>
							<div class="layui-input-block">
								<div class="layui-row inline-block">
									<div class="layui-col-xs7">
										<input name="code" type="text" lay-verify="required" placeholder="验证码" class="layui-input" maxlength="4">
									</div>
									<div class="layui-col-xs5" style="padding-left: 10px;">
										<img class="login-captcha" src="">
									</div>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<a href="javascript:;" class="layui-link pull-right">忘记密码？</a>
						</div>
						<div class="layui-form-item">
							<button lay-filter="login-submit" id="login-submit" class="layui-btn layui-btn-fluid" lay-submit>登 录</button>
						</div>

					</div>
				</div>
				<div class="layui-card" id="application-list-view" style="display: none;">
					<div class="layui-card-header">
						<i class="layui-icon layui-icon-app"></i>&nbsp;&nbsp;子系统选择
					</div>
					<div id="login-app-list-view" class="layui-card-body layui-form layui-form-pane" style="height: 360px; overflow-y: hidden; overflow-x: auto;">
						<div p-each="apps">
							<blockquote class="layui-elem-quote">
								<span>{{name}}</span>
								<span p-bind="data-id:{{id}}^data-code:{{code}}^data-name:{{name}}^data-panel:{{panel}}^data-icon:{{icon}}"
								 class="app-in" style="display: block; float: right;">
									<i class="layui-icon layui-icon-release"></i> 进入
								</span>
							</blockquote>
						</div>
					</div>
					<div class="layui-card-footer" style="height: 42px; line-height: 30px; padding: 5px; border-top: solid 1px #e8e8e8;">
						<span id="exit-system" style="display: block; float: right; margin-right: 10px;"> 退出系统 >> </span>
					</div>
				</div>
			</div>

			<div class="login-footer">
				<p>© 2019-2020 <a href="javascript:;" target="_blank">Taller 版权所有</a></p>
			</div>
		</div>

		<!-- 子系统选择模板 -->
		<script id="tplAppList" type="text/html">
			{{#  layui.each(d, function(index, item){ }}
		    <blockquote class="layui-elem-quote">
		        {{ item.name}}
				<span data-id={{ item.id}} data-code="{{ item.code}}" data-name="{{ item.name}}" data-panel="{{ item.panel}}" data-icon="{{ item.icon}}" 
					class="app-in" style="display: block; float: right;">
		                        <i class="layui-icon layui-icon-release"></i> 进入
		                    </span>
		    </blockquote>
		    {{#  }); }}
		</script>

		<script src="/assets/libs/layui/layui.js"></script>
		<script src="/assets/libs/jquery.min.js"></script>
		<script src="/assets/libs/mvvm/pandyle.js"></script>
		<script src="/assets/libs/layx/layx.min.js"></script>
		<script src="/controller/login.js"></script>
	</body>
</html>
